<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
	<meta name = "format-detection" content = "telephone=no,email=no,address=no,date=no,url=no"/>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/drop-down/style.mobile.css">
	<link rel="stylesheet" href="css/drop-down/swiper.min.css">
	<script src="js/FontSize.js"></script>
	<title>学校详情页</title>
</head>
<body>
	<div class="School_details">
		<div style="background-image: url('https://www.meishuzhinan.com/uploadtemp/image/2019/9/a475f9c95b0d47928fc10cef6a66248a_temporary.jpeg')" alt="" class="school_top_img"></div>
		<div class="school_card">
			<img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=107497012,2455805453&fm=26&gp=0.jpg" alt="" class="school_img">
			<div class="school_cont">
				<div class="school_name">
					撒旦发射点个吨工
					<div class="school_name_right"><em class="xiao"></em><em class="xian"></em><em class="tong"></em> 天津</div>
				</div>
				<p><span>北京</span> <span>985</span> <span>211教育部直属</span></p>
				<p>地址：北京市朝阳区望京8号花家8花家8花家8</p>
			</div>
		</div>
		<ul class="school_info">
			<li><img src="./img/1.png" alt=""><p>教育部</p><p>主管部门</p></li>
			<li><img src="./img/2.png" alt=""><p>公办</p><p>公办/民办</p></li>
			<li><img src="./img/3.png" alt=""><p>1939</p><p>创办时间</p></li>
			<li><img src="./img/4.png" alt=""><p>艺术类</p><p>类别</p></li>
			<li class="click_li" data-id="5"><img src="./img/5.png" alt=""><p>20/3个</p><p>本科/ 专科</p></li>
			<li class="click_li" data-id="6"><img src="./img/6.png" alt=""><p>8个</p><p>硕士点</p></li>
			<li class="click_li" data-id="7"><img src="./img/7.png" alt=""><p>3个</p><p>博士点</p></li>
			<li class="click_li" data-id="8"><img src="./img/8.png" alt=""><p>3个</p><p>院系设立</p></li>
		</ul>
		<a href="javascript:;"><img src="./img/SchoolBanner.png" alt="" style="display: block"></a>
		<div class="infoNum">
			<div class="infoNumTitle">历年专业 - 录取详情</div>
			<div class="infoNumTab">
				<div class='infoNumTabItem'>
					<input readonly name="aaa3333" type="text" placeholder="请选择年份"><div class="sanjiao"></div>
				</div>
				<div class="display-none">
				  <div vid="0">2020 年</div>
				  <div vid="1">2021 年</div>
				  <div vid="2">2022 年</div>
				</div>
				<div class='infoNumTabItem'>
					<input readonly name="aaa3333" type="text" placeholder="请选择文理"><div class="sanjiao"></div>
				</div>
				<div class="display-none">
				  <div vid="0">文科</div>
				  <div vid="1">理科</div>
				</div>
				<div class='infoNumTabItem'>
					<input readonly name="gfhjgfd" type="text" placeholder="请选择专业"><div class="sanjiao"></div>
				</div>
				<div class="display-none">
				  <div vid="0">巴拉巴拉</div>
				  <div vid="1">巴拉巴拉巴拉巴拉</div>
				  <div vid="1">巴拉巴拉</div>
				  <div vid="1">巴拉巴拉</div>
				</div>
			</div>
			<div class="infoNumUl">
				<div class="infoNumLi">
					<div class="infoNumLiLsft">类型</div>
					<div class="infoNumLiRight">法国士官方</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">类型</div>
					<div class='infoNumLiRight wenli2'>
						<input readonly name="fdgfgfs" type="text" placeholder="请选择文理"><div class="sanjiao"></div>
					</div>
					<div class="display-none">
						<div vid="0">文科</div>
						<div vid="1">理科</div>
					</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">招生人数</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">录取方式</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">文化分数线</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">文化最低分</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">文化最高分</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">文化参考分</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">文化平均分</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">专业分数线</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">专业最低分</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">专业最高分</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">专业参考分</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">专业平均分</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">综合分数线</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">综合最低分</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">综合最高分</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">综合平均分</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
				<div class="infoNumLi">
					<div class="infoNumLiLsft">小分限制</div>
					<div class="infoNumLiRight">test value 多少</div>
				</div>
			</div>
		</div>
		<div>
			<div class="view_title act"><div class="view_title_icn1"></div><p>初试考试报告 ( 2021 )</p><div class="btn_down"></div></div>
			<div class="baogao_box down">
				<div class="baogao_item">
					<div class="baogao_item_title">考试方式</div>
					<div class="baogao_item_conter"><span>校考（线上）</span></div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">满分</div>
					<div class="baogao_item_conter"><span>342 </span> 分</div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">合格线</div>
					<div class="baogao_item_conter"><span>82 </span>分/位</div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">考试时间</div>
					<div class="baogao_item_conter"><span>2021年4月3日-4月12日</span></div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">考题类型</div>
					<div class="baogao_item_conter">
						<em>素描单体组合</em>
						<em>素描头像</em>
						<em>头像</em>
						<em>头像</em>
						<em>素描单体组合</em>
						<em>素描头像</em>
						<em>头像</em>
						<em>头像</em>
					</div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">考试内容</div>
					<div class="baogao_item_conter_diter">
<!--						富文本-->
						<p><span style="background-color: rgb(255, 255, 255); color: rgb(51, 51, 51);">@人民日报 3月25日消息，今天（25日）的《新疆日报》提及，此前新疆曾多次邀请欧盟驻华使节参访，但他们以各种理由百般拖延，甚至提出无理要求。说白了就是不敢面对真正的新疆，害怕新疆社会稳定发展、人民安居乐业的繁荣景象戳穿他们的谎言。西方那些戴有色眼镜、选择性失明的人，才看不见这抹白。&nbsp;</span></p><p><span style="background-color: rgb(255, 255, 255); color: rgb(51, 51, 51);"><span class="ql-cursor">﻿</span></span><img src="https://poster-1253412830.cos.ap-beijing.myqcloud.com/333/ba5c2f5c-1f52-45d2-ab86-19464724681f.jpeg"></p><p><span style="background-color: rgb(255, 255, 255); color: rgb(51, 51, 51);">（原题为《摘掉有色眼镜才能看见这抹白》）</span></p>
					</div>
				</div>
			</div>
			<div class="line"></div>
		</div>
		<div>
			<div class="view_title"><div class="view_title_icn2"></div><p>复试考试报告 ( 2021 )</p><div class="btn_down"></div></div>
			<div class="baogao_box">
				<div class="baogao_item">
					<div class="baogao_item_title">考试方式</div>
					<div class="baogao_item_conter"><span>校考（线上）</span></div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">满分</div>
					<div class="baogao_item_conter"><span>342 </span> 分</div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">合格线</div>
					<div class="baogao_item_conter"><span>82 </span>分/位</div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">考试时间</div>
					<div class="baogao_item_conter"><span>2021年4月3日-4月12日</span></div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">考题类型</div>
					<div class="baogao_item_conter">
						<em>素描单体组合</em>
						<em>素描头像</em>
						<em>头像</em>
						<em>头像</em>
						<em>素描单体组合</em>
						<em>素描头像</em>
						<em>头像</em>
						<em>头像</em>
					</div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">考试内容</div>
					<div class="baogao_item_conter_diter">
						<!--						富文本-->
						<p><span style="background-color: rgb(255, 255, 255); color: rgb(51, 51, 51);">@人民日报 3月25日消息，今天（25日）的《新疆日报》提及，此前新疆曾多次邀请欧盟驻华使节参访，但他们以各种理由百般拖延，甚至提出无理要求。说白了就是不敢面对真正的新疆，害怕新疆社会稳定发展、人民安居乐业的繁荣景象戳穿他们的谎言。西方那些戴有色眼镜、选择性失明的人，才看不见这抹白。&nbsp;</span></p><p><span style="background-color: rgb(255, 255, 255); color: rgb(51, 51, 51);"><span class="ql-cursor">﻿</span></span><img src="https://poster-1253412830.cos.ap-beijing.myqcloud.com/333/ba5c2f5c-1f52-45d2-ab86-19464724681f.jpeg"></p><p><span style="background-color: rgb(255, 255, 255); color: rgb(51, 51, 51);">（原题为《摘掉有色眼镜才能看见这抹白》）</span></p>
					</div>
				</div>
			</div>
			<div class="line"></div>
		</div>
		<div>
			<div class="view_title"><div class="view_title_icn3"></div><p>三试或面试情况 ( 2021 )</p><div class="btn_down"></div></div>
			<div class="baogao_box">
				<div class="baogao_item">
					<div class="baogao_item_title">考试方式</div>
					<div class="baogao_item_conter"><span>校考（线上）</span></div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">满分</div>
					<div class="baogao_item_conter"><span>342 </span> 分</div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">合格线</div>
					<div class="baogao_item_conter"><span>82 </span>分/位</div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">考试时间</div>
					<div class="baogao_item_conter"><span>2021年4月3日-4月12日</span></div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">考题类型</div>
					<div class="baogao_item_conter">
						<em>素描单体组合</em>
						<em>素描头像</em>
						<em>头像</em>
						<em>头像</em>
						<em>素描单体组合</em>
						<em>素描头像</em>
						<em>头像</em>
						<em>头像</em>
					</div>
				</div>
				<div class="baogao_item">
					<div class="baogao_item_title">考试内容</div>
					<div class="baogao_item_conter_diter">
						<!--						富文本-->
						<p><span style="background-color: rgb(255, 255, 255); color: rgb(51, 51, 51);">@人民日报 3月25日消息，今天（25日）的《新疆日报》提及，此前新疆曾多次邀请欧盟驻华使节参访，但他们以各种理由百般拖延，甚至提出无理要求。说白了就是不敢面对真正的新疆，害怕新疆社会稳定发展、人民安居乐业的繁荣景象戳穿他们的谎言。西方那些戴有色眼镜、选择性失明的人，才看不见这抹白。&nbsp;</span></p><p><span style="background-color: rgb(255, 255, 255); color: rgb(51, 51, 51);"><span class="ql-cursor">﻿</span></span><img src="https://poster-1253412830.cos.ap-beijing.myqcloud.com/333/ba5c2f5c-1f52-45d2-ab86-19464724681f.jpeg"></p><p><span style="background-color: rgb(255, 255, 255); color: rgb(51, 51, 51);">（原题为《摘掉有色眼镜才能看见这抹白》）</span></p>
					</div>
				</div>
			</div>
			<div class="line"></div>
		</div>
		<div class="title_tab">
			<div class="act">招生简章</div>
			<div>招生计划</div>
			<div>学校介绍</div>
			<div>历年考题</div>
		</div>
		<div class="tabList_contul">
			<div class="tabListItem"><a href="javascript:;">2020年 招生计划历题</a></div>
			<div class="tabListItem"><a href="javascript:;">2020年 招生计划历题</a></div>
			<div class="tabListItem"><a href="javascript:;">2020年 招生计划历题</a></div>
			<div class="tabListItem"><a href="javascript:;">2020年 招生计划历题</a></div>
		</div>
		<div class="line"></div>
		<div class="view_title"><div class="view_title_icn4"></div><p>院校排名参考<strong style="color: #f2ae1c;font-size: 18px;"> 2 </strong>名</p></div>
		<div class="line"></div>
		<div class="school_info_other_box">
			<div class="mask_box" id="mask_box_5">
				<div class="mask"></div>
				<div class="conter">
					<h3>专业设置</h3>
					<p>本科专业64个</p>
					<ul>
						<li>林学</li>
						<li>生态学</li>
						<li>动物医学</li>
						<li>木林科学与工程</li>
						<li>林学</li>
						<li>生态学</li>
						<li>动物医学</li>
						<li>木林科学与工程</li>
						<li>林学</li>
						<li>生态学</li>
						<li>动物医学</li>
						<li>木林科学与工程</li>
						<li>林学</li>
						<li>生态学</li>
						<li>动物医学</li>
						<li>木林科学与工程</li>
						<li>林学</li>
						<li>生态学</li>
						<li>动物医学</li>
						<li>木林科学与工程</li>
						<li>林学</li>
						<li>生态学</li>
						<li>动物医学</li>
						<li>木林科学与工程</li>
						<li>林学</li>
						<li>生态学</li>
						<li>动物医学</li>
						<li>木林科学与工程</li>
					</ul>
					<p>以上为部分专业</p>
					<p>更多见招生简章与计划</p>
				</div>
			</div>
			<div class="mask_box" id="mask_box_6">
				<div class="mask"></div>
				<div class="conter">
					<h3>硕士点开设</h3>
					<ul>
						<li>一级学科硕士授权点23542个</li>
						<li>专业硕士授权点42个</li>
					</ul>
				</div>
			</div>
			<div class="mask_box" id="mask_box_7">
				<div class="mask"></div>
				<div class="conter">
					<h3>博士点开设</h3>
					<ul>
						<li>一级学科硕士授权点23542个</li>
						<li>专业硕士授权点42个</li>
						<li>专业硕士授权点42个</li>
						<li>一级学科硕士授权点23542个</li>
					</ul>
				</div>
			</div>
			<div class="mask_box" id="mask_box_8">
				<div class="mask"></div>
				<div class="conter">
					<h3>院系设置</h3>
					<ul>
						<li>林学院</li>
						<li>生态学院</li>
						<li>动物医学院</li>
						<li>木林科学与工程院</li>
						<li>林学院</li>
						<li>生态学院</li>
						<li>动物医学院</li>
						<li>木林科学与工程院</li>
						<li>林学院</li>
						<li>生态学院</li>
						<li>动物医学院</li>
						<li>木林科学与工程院</li>
						<li>林学院</li>
						<li>生态学院</li>
						<li>动物医学院</li>
						<li>木林科学与工程院</li>
						<li>林学院</li>
						<li>生态学院</li>
						<li>动物医学院</li>
						<li>木林科学与工程院</li>
						<li>林学院</li>
						<li>生态学院</li>
						<li>动物医学院</li>
						<li>木林科学与工程院</li>
						<li>林学院</li>
						<li>生态学院</li>
						<li>动物医学院</li>
						<li>木林科学与工程院</li>
						<li>林学院</li>
						<li>生态学院</li>
						<li>动物医学院</li>
						<li>木林科学与工程院</li>
						<li>林学院</li>
						<li>生态学院</li>
						<li>动物医学院</li>
						<li>木林科学与工程院</li>
						<li>林学院</li>
						<li>生态学院</li>
						<li>动物医学院</li>
						<li>木林科学与工程院</li>
						<li>林学院</li>
						<li>生态学院</li>
						<li>动物医学院</li>
						<li>木林科学与工程院</li>
						<li>林学院</li>
						<li>生态学院</li>
						<li>动物医学院</li>
						<li>木林科学与工程院</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</body>
<script src="js/jquery-3.5.0.min.js"></script>
<script src="js/drop-down/swiper.min.js"></script>
<script src="js/drop-down/hSdrop.js"></script>
<script>
	$(function () {
		//下拉选择
		new hSdrop({
			els:'.infoNumTabItem',
			getval:function(val){
			  console.log(val);
			}
		});
		new hSdrop({
			els:'.wenli2',
			getval:function(val){
			  console.log(val);
			}
		});
      $('.view_title').on('click', function () {
        let $ele = $(this).next('.baogao_box')
        if ($ele.hasClass('down')) {
          $(this).removeClass('act')
          $ele.removeClass('down')
        } else {
          $(this).addClass('act')
          $ele.addClass('down')
        }
      })
	  $('.title_tab>div').on('click', function () {
		  $(this).addClass('act').siblings().removeClass('act')
      })

	  $('.click_li').on('click',function () {
        let ind = $(this).attr('data-id')
		if (ind) {
          $('#mask_box_' + ind).fadeIn()
          $("body").css('overflow', 'hidden')
        }
      })
	  $('.school_info_other_box .mask').on('click',function () {
        $(this).parent().fadeOut(function () {
          $("body").css('overflow', 'visible');
        })
      })
	})
</script>
</html>
